/* eslint-disable */

import React from 'react';
import { getIconColor } from './helper';

const DEFAULT_STYLE = {
  display: 'block',
};

const IconIconShopping = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  return (
    <svg viewBox="0 0 1026 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
      <path
        d="M331.957568 866.743878a78.626932 78.626932 0 1 0 78.011055 77.600471 78.421639 78.421639 0 0 0-78.011055-77.600471zM837.592379 866.743878A78.626932 78.626932 0 1 0 916.219311 944.344349a78.626932 78.626932 0 0 0-78.626932-77.600471zM996.693873 143.704575a101.003787 101.003787 0 0 0-76.163425-34.489098H295.210255a42.495496 42.495496 0 0 0 0 84.990991h625.320193a15.807503 15.807503 0 0 1 12.522827 5.748183 38.800235 38.800235 0 0 1 7.595813 28.740915l-56.865953 324.156463a29.151499 29.151499 0 0 1-28.740915 24.63507L364.804328 613.823827a42.700788 42.700788 0 0 0-29.1515 14.57575 41.05845 41.05845 0 0 0-10.05932 30.793837A42.290203 42.290203 0 0 0 368.910173 697.993649h3.079384l487.158508-35.926144a112.705445 112.705445 0 0 0 109.831354-97.513818l56.865953-324.772339A124.201811 124.201811 0 0 0 996.693873 143.704575z"
        fill={getIconColor(color, 0, '#333333')}
      />
      <path
        d="M909.239374 758.349571H322.514124a29.151499 29.151499 0 0 1-26.072115-25.250947l-61.587675-433.166647-34.899683-200.981113A114.142491 114.142491 0 0 0 88.48096 0H42.290203a42.495496 42.495496 0 0 0 0 84.785699h46.190757a30.793837 30.793837 0 0 1 27.509161 26.277408l34.899683 202.007574 61.587674 431.113724a113.321322 113.321322 0 0 0 110.447231 99.156157h586.109373a42.495496 42.495496 0 0 0 0-84.785699z"
        fill={getIconColor(color, 1, '#333333')}
      />
    </svg>
  );
};

IconIconShopping.defaultProps = {
  size: 18,
};

export default IconIconShopping;
